<template>
    <div class="content">
        <h2 class="mt-4" style="color: white;">我的资料</h2>
        <div class="yeye">
            <div class="box6" style="padding-top: 50px;">
            <span style="position: absolute;left:100px;top:60px;color: black;">昵称：</span>
            <div class="input mb-4" style="margin-left: 180px;border: none;line-height: 40px;">黎雪娅</div>
            <span style="position: absolute;left:100px;top:120px;color: black;">邮箱：</span>
            <div class="input mb-4" style="margin-left: 180px;border: none;line-height: 40px;">2093565277@qq.com</div>
            <span style="position: absolute;left:100px;top:180px;color: black;">电话号码：</span>
            <div class="input mb-4" style="margin-left: 180px;border: none;line-height: 40px;">17815272971</div>
             <span style="position: absolute;left:100px;top:240px;color: black;">电话号码：</span>
            <div class="input mb-4" style="margin-left: 180px;border: none;line-height: 40px;">重庆市巴南区重庆工程学院</div>
            <div class="mb-5">
                <button class="btn">修改资料</button>
            </div>
            </div>
        </div>
        <div>
            <img class="ten"  src="../../assets/15.png" alt="">
        </div>
    </div>
</template>

<script>
export default{
}
</script>

<style lang="scss" scoped>
.content{
    position: relative;
    width: 100%x;
    height: 540px;
    border: 1px solid gainsboro;
    margin:20px auto;
    background: url('http://r.photo.store.qq.com/psc?/V10oAX800ltCLc/ruAMsa53pVQWN7FLK88i5hB*cfgLqFOOUH8U6m8LieDxLhFK.*rGmjbGjvUZQjhrkskV0uUnqPDHuCwwOwg7eR1.pgvpUrFTqZCnS6H2AcE!/r');
}
 .box6 {
    width: 580px;
    height:380px;
    position: relative;
    left:-20px;
    top: -80px;
    background-color: rgba(255, 255, 255, 0.5);
        }
 .ten{
    position: absolute;
    top: 60px;
    width: 300px;
    left:120px;
        }
</style>